<!-- 头部分 -->
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
    </button>
    <h4 class="modal-title">添加角色</h4>
</div>

<div class="modal-body">
    <form class="form-horizontal" role="form" id="edit_form" method="post">
        <input type="hidden" name="id" value="">
        {% csrf_token %}
        <div class="form-group">
            <label class="col-sm-3 control-label no-padding-right" for="form-field-1">名称</label>

            <div class="col-sm-9">
                <input type="text" id="form-field-1"
                       name="name"
                       placeholder="角色名称" class="col-xs-10 col-sm-5"/>
            </div>
        </div>

       <div class="form-group">
            <label class="col-sm-3 control-label no-padding-right" for="form-field-1">代码</label>

            <div class="col-sm-9">
                <input type="text" id="form-field-1"
                       name="code"
                       placeholder="角色代码" class="col-xs-10 col-sm-5"/>
            </div>
        </div>

        <div class="space-4"></div>

        <div class="hr hr-24"></div>
    </form>
</div>
<!-- 底部 -->
<div class="modal-footer">
    <button type="button" class="btn btn-primary" onclick="submit()">确定</button>
    <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
</div>